﻿@model BrnMall.Web.Mobile.Models.ProductDetailsModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>@Model.ProductInfo.Name-@{@WorkContext.MallConfig.SiteTitle}触屏版</title>
    @Html.Raw(WorkContext.MallConfig.SEOKeyword)
    @Html.Raw(WorkContext.MallConfig.SEODescription)
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="@{@WorkContext.CSSCDN}/mobile/css/base.css" rel="stylesheet" type="text/css">
    <link href="@{@WorkContext.CSSCDN}/mobile/css/content.css" rel="stylesheet" type="text/css">
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/common.js" type="text/javascript"></script>
</head>

<body>
<header>
  <div class="new-header">
    <a href="javascript:pageBack()" class="new-a-back"><span>返回</span></a>
    <h2>商品详情</h2>
    <a href="javascript:navSH()" class="new-a-brn"><span>BRN键</span></a> 
  </div>
  <div class="new-brn-tab" id="nav" style=" display:none;">
    <div class="new-tbl-type"> 
    <a href="@Url.Action("index", "home")" class="new-tbl-cell"><span class="icon">首页</span><p style="color:#6e6e6e;">首页</p></a> 
    <a href="@Url.Action("list", "category")" class="new-tbl-cell"><span class="icon2 on">分类搜索</span><p style="color:#6e6e6e;" class="on">分类搜索</p></a> 
    <a href="@Url.Action("index", "cart")" class="new-tbl-cell"><span class="icon3">购物车</span><p style="color:#6e6e6e;">购物车</p></a> 
    <a href="@Url.Action("index", "ucenter")" class="new-tbl-cell"><span class="icon4 on">个人中心</span><p style="color:#6e6e6e;" class="on">个人中心</p></a> 
    </div>
  </div>
</header>

<div class="proConC">
<script type="text/javascript">
    function detailsSH(i) {
        document.getElementById("detailsCon1").style.display = "none";
        document.getElementById("detailsCon2").style.display = "none";
        document.getElementById("detailsCon3").style.display = "none";
        document.getElementById("detailsCon4").style.display = "none";
        document.getElementById("detailsCon" + i).style.display = "block";

        document.getElementById("detailsTab1").className = "";
        document.getElementById("detailsTab2").className = "";
        document.getElementById("detailsTab3").className = "";
        document.getElementById("detailsTab4").className = "";
        document.getElementById("detailsTab" + i).className = "on";
    }
</script>

<ul class="proConNav">
<li><a id="detailsTab1" href="javascript:void(0)" onclick="detailsSH(1)" class="on">商品介绍</a></li>
<li><a id="detailsTab2" href="javascript:void(0)" onclick="detailsSH(2)">规格参数</a></li>
<li><a id="detailsTab3" href="javascript:void(0)" onclick="detailsSH(3)">包装清单</a></li>
<li><a id="detailsTab4" href="javascript:void(0)" onclick="detailsSH(4)">售后服务</a></li>
</ul>

<div id="detailsCon1" class="proEdit">@Html.Raw(Model.ProductInfo.Description)</div>
<div id="detailsCon2" class="proEdit" style=" display:none;">
<div align="center">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="proTable" style="max-width:440px;">
  <tbody>
    @{
    int tempAttrGroupId = 0;
    foreach (ExtProductAttributeInfo info in Model.ExtProductAttributeList)
    {
        if (info.AttrGroupId != tempAttrGroupId)
        {
            <tr><th colspan="2" class="tdTitle">@info.AttrGroupName</th></tr><tr></tr>
        }
        if (info.IsInput == 0)
        {
			<tr><td class="tdTitle">@info.AttrName</td><td>@info.AttrValue</td></tr>
        }
        else
        {
			<tr><td class="tdTitle">@info.AttrName</td><td>@info.InputValue</td></tr>
        }
        tempAttrGroupId = info.AttrGroupId;
    }
    }
  </tbody>
</table>
</div>
</div>
<div id="detailsCon3" class="proEdit" style=" display:none;"></div>
<div id="detailsCon4" class="proEdit" style=" display:none;"></div>

</div>

<div class="viewport">
  <footer>
    <div class="footerTop">
      @if (WorkContext.Uid < 1)
      {
      <div class="left"><a href="@Url.Action("login", "account", new RouteValueDictionary { { "returnUrl", WorkContext.Url } })">登录</a> | <a href="@Url.Action("register", "account")">注册</a></div>
      }
      else
      {
        <div class="left"><a href="@Url.Action("index", "ucenter")">@WorkContext.NickName</a> | <a href="@Url.Action("logout", "account")">退出</a></div>   
      }
      <div class="right"><a href="#top">回到顶部 </a></div>
      <div class="clear"></div>
    </div>
    <div class="footerCon"><a href="@Url.Action("index", "home")" class="hot">触屏版</a><a href="/">电脑版</a></div>
    <div class="copyright" align="center">www.brnmall.com </div>
  </footer>
</div>
@Html.Raw(WorkContext.MallConfig.Script)
</body>
</html>
